<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分页</title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="page"></div>
		<script type="text/javascript">
			layui.use('laypage',function(){
				var laypage=layui.laypage;
				
				//加载laypage实例
				// laypage.render({
				// 	elem:"page"//绑定元素id
				// 	,count:100  //数据总条数,
				// 	,limit:5 //每页显示的条数
				// 	,limits:[5,10,20,30,50] //每页条数的选择项
				// 	,layout:['prev', 'page', 'next','limit','count']//自定义排版
				// 	,groups:10 //连续显示的页码
				// });
				
				//分页显示的回调
				laypage.render({
				  elem: 'page'
				  ,count: 70 //数据总数，从服务端得到
				  ,jump: function(obj, first){
				    //obj包含了当前分页的所有参数，比如：
				    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
				    console.log(obj.limit); //得到每页显示的条数
				    
				    //首次不执行
				    if(!first){
				      //do something
				    }
				  }
				});
			});
		</script>
	</body>
</html>
